.tong {
    max-width : 1430px;
    margin-left : auto;
    margin-right: auto;
    padding : 0 15px;
    width : 100%;
}

.nc1 {
    padding-top: 80px;
    position: fixed;
    height: 100vh;
    left: 0;
    transition: all 1s;
    background: url(//cdn.myxypt.com/f09bb718/22/02/23cc3b59fb6d1d17f4d54a48531fdcff5f11512e.png) no-repeat 100% 100% #4d4d4d;
    width: 100%;
    top: -120vh;
    overflow: hidden;
    z-index: 990;
}

@media (max-width: 992px) {
    .nc1 {
        padding-top: 60px;
    }
}

.nc1 .con {
    padding-top: 5.73vw;
    flex-wrap : wrap;
    position : relative;
}

.nc1 .con:after {
    content : '';
    display : none;
    width : 100vw;
    height : 1px;
    position: fixed;
    left : 0%;
    top: 98px;
    background: #4d4d4d;
}

.nc1.dr .con:after {
    display: block;
}

th {
    border: solid 1px #fff;
}

.nc1 .con:before {
    content : '';
    display : block;
    width : 1px;
    height : 100vh;
    position: absolute;
    left :28%;
    top : 0;
    background: #808080;
}

@media (max-width: 480px) {
    .nc1 .con:before {
        display: none;
    }
}

.nc1 .nc1-1 {
    /*width: 32.2%;*/
    width: 25%
}

@media (max-width: 780px) {
    .nc1 .nc1-1 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .nc1 .nc1-1 {
        width: 100%;
    }
}

.nc1 .nc1-1 h2 {
    color : #fff;
    position : relative;
    /*border-bottom : 1px solid #fff;*/
    padding-bottom: 18px;
    font-size : 24px;
    margin-bottom: 20px;
}

.nc1 .nc1-1 h2 a {
    color: #fff;
}

/*.nc1 .nc1-1 h3 {*/
/*    color : #fff;*/
/*    position : relative;*/
   
/*    padding-bottom: 18px;*/
/*    font-size: 20px;*/
  
    
/*}*/



.nc1 .nc1-1 h3 {
    color : #fff;
    position : relative;
    /*border-bottom : 1px solid #fff;*/
    padding-bottom: 18px;
    font-size : 24px;
    margin-bottom: 20px;
    cursor: pointer;
    
}


.nc1 .nc1-1 h3 a {
    color: #fff;
}

@media (max-width: 1025px) {
    .nc1 .nc1-1 h2 {
        font-size: 18px;
    }
}

.nc1 .nc1-1 h2:after {
    content : ">";
    display : block;
    position : absolute;
    right : 30px;
    top : 4px;
    font-family: simsun;
}


.nc1 .nc1-1 h3:after {
    content : ">";
    display : block;
    position : absolute;
    right : 30px;
    top : 4px;
    font-family: simsun;
}

.nc1 .nc1-1 h3:last-child:after{display:none;}

.nc1 .nc1-1 .sec {
    margin-top: 24px;
    cursor: pointer;
}

.nc1 .nc1-1 .sec a {
    display : block;
    font-size : 24px;
    color : #fff;
    margin-bottom: 2.6vw;
    position: relative;
}

.nc1 .nc1-1 .sec a:after {
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background: #0069cf;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition-duration: .5s;
}

.nc1 .nc1-1 .sec a.on:after {
    width: 100%;
}

.nc1 .nc1-1 .sec a.on {
    color: #0069cf;
}

@media (max-width: 1025px) {
    .nc1 .nc1-1 .sec a {
        font-size: 18px;
    }
}

/*.nc1 .nc1-1 .sec a:last-child {*/
/*  margin-bottom: 0;*/
/*}*/
.nc1 .nc1-2 {
    /*margin-top: 42px;*/
    /*width : 41%;*/
      margin-top: 0px;
    width :50%;
}

@media (max-width: 780px) {
    .nc1 .nc1-2 {
        width: 51%;
    }
}

@media (max-width: 480px) {
    .nc1 .nc1-2 {
        width: 100%;
    }
}

.nc1 .nc1-2 dd {
    color : #fff;
    font-size : 16px;
    line-height: 26px;
    max-width : 452px;
}

.nc1 .nc1-2 a.ck {
    display : block;
    text-align : center;
    color : #fff;
    width : 160px;
    line-height : 40px;
    background-color: #0069cf;
    border-radius : 20px;
    font-size : 16px;
    margin-top : 28px;
}

.nc1 .nc1-2 .list2 {
    margin-top: 20px;
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    font-size: 22px;
    justify-content: space-between;
}

.nc1 .nc1-2 .list2 li {
    width: 50%;
}
.nc1 .nc1-2 .list2 li a {
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    margin: 8px 12px;
    transition-duration: .5s;
}

.nc1 .nc1-2 .list2 li a:hover {
    color: #0069cf;
}

.nc1 .nc1-2 a.ck span {
    padding-left: 16px;
    font-family : simsun;
}

.fen img {
    transition-duration: .3s;
}

.fen:hover img {
    transform: scale(1.1);
}

.of {
    overflow: hidden;
}

.flex {
    display : flex;
    justify-content: space-between;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.nc2 {
    flex-wrap: wrap;
}

.nc2 .list1 {
    width: 50%;
}

@media (max-width: 1025px) {
    .nc2 .list1 {
        width: 100%;
    }
}

.nc2 .list1 li {
    position: relative;
    height : 100%;
}

.nc2 .list1 li .img img {
    width : 100%;
    height : 100%;
    object-fit: cover;
}

.nc2 .list1 li .zi {
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    color : #fff;
    padding : 5.21vw 60px;
    background : url(//cdn.myxypt.com/f09bb718/21/12/e9c61cd323cb29083b04b756f0dbc7a96974cbf7.png) no-repeat 50% 0;
    background-size: cover;
}

@media (max-width: 480px) {
    .nc2 .list1 li .zi {
        padding: 30px 15px;
    }
}

.nc2 .list1 li .zi h3 {
    font-size : 32px;
    font-weight : 600;
    padding-left: 10px;
    position : relative;
}

@media (max-width: 1025px) {
    .nc2 .list1 li .zi h3 {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .nc2 .list1 li .zi h3 {
        font-size: 22px;
    }
}

.nc2 .list1 li .zi h3:before {
    content : '';
    width : 2px;
    height : 32px;
    background-color: #ffffff;
    position : absolute;
    left : 0;
    top : 50%;
    transform : translateY(-50%);
}

@media (max-width: 480px) {
    .nc2 .list1 li .zi h3:before {
        height: 22px;
    }
}

.nc2 .list1 li .zi dd {
    font-size : 16px;
    margin-top : 15px;
    line-height : 29px;
    max-width : 703px;
    text-overflow : -o-ellipsis-lastline;
    overflow : hidden;
    text-overflow : ellipsis;
    display : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1025px) {
    .nc2 .list1 li .zi dd {
        line-height: 24px;
        font-size : 14px;
    }
}

.nc2 .list1 li .zi .ck {
    width : 128px;
    line-height : 40px;
    background-color: #ffffff;
    border-radius : 20px;
    color : #0069cf;
    font-size : 16px;
    margin-top : 25px;
    display : block;
    text-align : center;
}

@media (max-width: 480px) {
    .nc2 .list1 li .zi .ck {
        margin-top : 15px;
        font-size : 14px;
        line-height: 36px;
        width : 120px;
    }
}

.nc2 .list3 {
    width: 50%;
}

@media (max-width: 1025px) {
    .nc2 .list3 {
        width: 100%;
    }
}

.nc2 .list3 li {
    position: relative;
    height : 50%;
}

.nc2 .list3 li .img img {
    width : 100%;
    height : 100%;
    object-fit: cover;
}

.nc2 .list3 li .zi {
    position : absolute;
    right : 0;
    top : 0;
    height : 100%;
    width : 44.15%;
    background : url(//cdn.myxypt.com/f09bb718/21/12/288545afa6b73c8de591e5f3614c8f15b3abd651.png) no-repeat 0 50%;
    padding : 30px 56px;
    display : flex;
    align-items : center;
    background-size: cover;
}

@media (max-width: 1380px) {
    .nc2 .list3 li .zi {
        padding-right: 34px;
    }
}

@media (max-width: 1100px) {
    .nc2 .list3 li .zi {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .nc2 .list3 li .zi {
        padding: 30px 15px;
    }
}

.nc2 .list3 li .zi .zi1 {
    color: #fff;
}

.nc2 .list3 li .zi h3 {
    font-size : 32px;
    font-weight : 600;
    padding-left: 10px;
    position : relative;
}

@media (max-width: 1025px) {
    .nc2 .list3 li .zi h3 {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .nc2 .list3 li .zi h3 {
        font-size: 22px;
    }
}

.nc2 .list3 li .zi h3:before {
    content : '';
    width : 2px;
    height : 32px;
    background-color: #ffffff;
    position : absolute;
    left : 0;
    top : 50%;
    transform : translateY(-50%);
}

@media (max-width: 480px) {
    .nc2 .list3 li .zi h3:before {
        height: 22px;
    }
}

.nc2 .list3 li .zi dd {
    font-size : 16px;
    margin-top : 15px;
    line-height : 29px;
    max-width : 303px;
    text-overflow : -o-ellipsis-lastline;
    overflow : hidden;
    text-overflow : ellipsis;
    display : -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media (max-width: 1025px) {
    .nc2 .list3 li .zi dd {
        line-height: 24px;
        font-size : 14px;
    }
}

@media (max-width: 480px) {
    .nc2 .list3 li .zi dd {
        -webkit-line-clamp: 2;
    }
}

.nc2 .list3 li .zi .ck {
    width : 128px;
    line-height : 40px;
    background-color: #ffffff;
    border-radius : 20px;
    color : #0069cf;
    font-size : 16px;
    margin-top : 25px;
    display : block;
    text-align : center;
}

@media (max-width: 480px) {
    .nc2 .list3 li .zi .ck {
        margin-top : 15px;
        font-size : 14px;
        line-height: 36px;
        width : 120px;
    }
}

.w1800 {
    max-width : 1830px;
    padding : 0 15px;
    width : 100%;
    margin-left : auto;
    margin-right: auto;
}

.nc31 {
    background-color: #0069cf;
    padding : 30px 20px;
    width : 100%;
}

.nc3.fix {
    top: 98px;
    position: fixed;
    width: 21.055%;
}

@media (max-width: 992px) {
    .nc3 {
        width : 90%;
        margin-left : auto;
        margin-right : auto;
        margin-bottom: 20px;
    }
}

.nc3 .sss {
    width : 100%;
    height : 38px;
    background-color: #ffffff;
    border-radius : 19px;
    overflow : hidden;
}

.nc3 .sss input {
    border : none;
    background : none;
    line-height: 38px;
    height : 38px;
    outline : none;
}

.nc3 .sss input.haha1 {
    text-indent: 1.51vw;
    font-size : 16px;
    color : #999999;
    width : calc(100% - 48px);
    float : left;
}

.nc3 .sss input.haha1::-webkit-input-placeholder {
    color: #999999;
}

@media (max-width: 992px) {
    .nc3 .sss input.haha1 {
        text-indent: 14px;
        font-size : 14px;
    }
}

.nc3 .sss input.haha2 {
    float : right;
    width : 48px;
    font-size : 0;
    background: url(//cdn.myxypt.com/f09bb718/21/12/458dcc9d55f63a5371dfc8969df9bd239f099897.png) no-repeat 50%;
}

.nc3 h3 {
    padding-top : 30px;
    padding-bottom: 34px;
    border-bottom : 1px solid rgba(255, 255, 255, 0.2);
    text-align : center;
    position : relative;
}

.nc3 h3 b {
    display : block;
    margin-left : auto;
    margin-right: auto;
    font-size : 24px;
    color : #ffffff;
    position : relative;
    z-index : 2;
}

.nc3 h3 .en {
    position : absolute;
    font-size : 32px;
    left : 50%;
    top : 48%;
    transform : translate(-50%, -50%);
    font-weight: 600;
    color : rgba(255, 255, 255, 0.06);
}

.nc3 .list1 li {
    cursor: pointer;
}

.nc3 .list1 li.on h2 span {
    margin-top: -10px;
    transform : rotate(90deg);
}

.nc3 .list1 h2 {
    line-height : 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size : 16px;
    text-indent : 10px;
    color : #fff;
    position : relative;
}

.nc3 .list1 h2 span {
    font-family : simsun;
    position : absolute;
    right : 12px;
    top : 50%;
    line-height : 1;
    margin-top : -6px;
    display : block;
    transition-duration: .3s;
}

.nc3 .list1 .sec {
    background: #fff;
    display : none;
    height: 186px;
    overflow-y: auto;
}

.nc3 .list1 .sec a {
    display : block;
    line-height : 30px;
    border-bottom: 1px solid #f0f0f0;
    color : #333333;
    padding-left : 10px;
}

.nc3 .list1 .sec a:hover {
    background: #e6e6e6;
}

.nc3 .list1 .sec a:last-child {
    border-bottom: none;
}

.nc3 a.ck {
    margin-top : 20px;
    margin-left : auto;
    margin-right : auto;
    width : 128px;
    line-height : 38px;
    background-color : #ffffff;
    border-radius : 20px;
    border : solid 1px #e5e5e5;
    text-align : center;
    font-size : 16px;
    font-weight : 200;
    display : block;
    transition-duration: .3s;
}

.nc3 a.ck span {
    font-family: simsun;
}

.nc3 a.ck:hover {
    color : #fff;
    border-color: #fff;
    background : #0069cf;
}

.nc4 {
    line-height : 60px;
    background-color: #f0f0f0;
    padding : 0 1.51vw;
    font-size : 20px;
    color : #333333;
    margin-bottom : 20px;
}

@media (max-width: 1025px) {
    .nc4 {
        line-height: 42px;
        font-size : 16px;
    }
}

@media (max-width: 780px) {
    .nc4 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .nc4 {
        padding : 15px 10px;
        line-height: 1.4;
    }
}

.cplist li {
    border : solid 1px #f0f0f0;
    padding : 20px 30px 20px 18px;
    transition-duration: .3s;
    cursor: pointer;
}

@media (max-width: 780px) {
    .cplist li {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .cplist li {
        padding: 15px;
    }
}







@media (max-width: 1530px) {
    .cplist li .flex {
        align-items: center;
    }
}

@media (max-width: 480px) {
    .cplist li .flex {
        flex-wrap: wrap;
    }
}

.cplist li .img {
    width: 16.97%;
}

@media (max-width: 480px) {
    .cplist li .img {
        width: 100%;
    }
}

.cplist li .img img {
    width: 100%;
}

.cplist li .zi {
    width: 77.76%;
    position: relative;
}


.cplist{min-height: 750px;}



@media (max-width: 480px) {
    .cplist li .zi {
        width : 100%;
        margin-top: 14px;
    }
}

.cplist li .zi h3 {
    font-weight: 600;
    font-size : 22px;
    color : #333333;
}

@media (max-width: 780px) {
    .cplist li .zi h3 {
        font-size: 18px;
    }
}

.cplist li .zi dd {
    font-size : 16px;
    line-height: 28px;
    color : #333333;
    margin-top : 1.25vw;
}

.cplist li .zi .sec {
    margin-bottom: 10px;
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
}

.cplist li .zi .sec a {
    padding-right: 8px;
    color: #0069cf;
    text-decoration: underline;
    font-weight: bold;
}

.cplist li .zi .sec a:hover {
    color: #0069cf;
}

@media (max-width: 780px) {
    .cplist li .zi dd {
        margin-top : 8px;
        font-size : 14px;
        line-height: 22px;
    }
}

.cplist li .zi .ck {
    width : 128px;
    line-height : 38px;
    background-color: #ffffff;
    border-radius : 20px;
    border : solid 1px #e5e5e5;
    color : #333333;
    font-size : 16px;
    bottom: 0;
    position : absolute;
    right : 0;
    text-align : center;
}

@media (max-width: 1530px) {
    .cplist li .zi .ck {
        position : static;
        margin-top: 1.2vw;
    }
}

@media (max-width: 780px) {
    .cplist li .zi .ck {
        margin-top : 8px;
        font-size : 14px;
        line-height: 32px;
        width : 110px;
    }
}

.cplist li:hover {
    border: solid 1px #0069cf;
}

.cplist li:hover .zi .ck {
    color : #fff;
    border-color: #0069cf;
    background : #0069cf;
}

.cplist1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cplist1 li {
    /* border : solid 1px #f0f0f0; */
    /* padding : 20px 30px 20px 18px; */
    transition-duration: .3s;
    width: 49.3%;
    background: #335288;
    margin-bottom: 20px;
}

.cplist1 li .img {
    width: 45%;
}

.cplist1 li .img img{
    width: 100%;
}

.cplist1 li .zi {
    padding: 20px;
    width: 55%;
}

.cplist1 li .zi h3 {
    color: #fff;
    font-size: 22px;
}

.cplist1 li .zi dd {
    color: #fff;
    margin-top: 10px;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.downa h2{
    	font-size: 40px;
    		color: #333333;
    		margin-bottom: 28px;
    		margin-top: 22px;
    		font-weight: 600;
    		line-height: 1;
}

.downa h2 span{
    	font-size: 21px;
    		color: #0069cf;
}

.downa{
    margin-bottom: 50px;
}

@media(max-width: 1480px) {
    .cplist1 li a {
        align-items:center;
    }

    .cplist1 li .zi dd {
        line-height: 20px;
    }
}

@media(max-width: 780px) {
    .cplist1 li {
        width:100%;
    }

    .cplist1 li a {
        align-items: initial;
    }
    .downa h2{
    	font-size: 32px;
    		margin-bottom: 10px;
    		margin-top: 10px;
}

.downa h2 span{
    	font-size: 16px;
    		color: #0069cf;
}

.downa{
    margin-bottom: 20px;
}
}

@media(max-width: 480px) {
    .cplist1 li a {
        flex-wrap:wrap;
    }

    .cplist1 li .img {
        width: 100%;
    }

    .cplist1 li .zi {
        width: 100%;
    }
        .downa h2{
    	font-size: 24px;
}
}
